<template>
    <div class="common-layout">
      <el-container style="height: 100vh;">
        <el-header>
            <Header></Header>
        </el-header>
        <el-container>
          <el-aside width="200px">
            <Aside></Aside>
          </el-aside>
          <el-container>
            <el-main>
                Main
            </el-main>
            <el-footer>
                <Footer></Footer>
            </el-footer>
          </el-container>
        </el-container>
      </el-container>
    </div>
  </template>

<script setup>
import Header from '@/components/Header.vue'
import Footer from '@/components/Footer.vue'
import Aside from '@/components/Aside.vue'
</script>

<style scoped>
/* .el-header {
  height: 30px;
  padding: 0;
} */
</style>